import React from 'react';
import { Form, Select, Input } from 'antd';
import './index.less';

const ViewForm: React.FC = () => {
    return (
        <Form layout="horizontal" className="view-form" labelCol={{ span: 3 }} wrapperCol={{ span: 10 }}>
            <Form.Item label="命令" name="command">
                <Select placeholder="请选择命令">
                    <Select.Option value="click">点击</Select.Option>
                    <Select.Option value="type">输入</Select.Option>
                    <Select.Option value="select">选择</Select.Option>
                    <Select.Option value="wait">等待</Select.Option>
                </Select>
            </Form.Item>
            <Form.Item label="目标" name="target">
                <Input placeholder="请输入目标" />
            </Form.Item>
            <Form.Item label="值" name="value">
                <Input placeholder="请输入值" />
            </Form.Item>
        </Form>
    );
};

export default ViewForm;
